<template>
  <div>
    <el-form :inline="true" class="user-search">
      <el-form-item label=":">
        <el-input v-model="formInline.user" placeholder="名字"></el-input>
      </el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
  </el-form-item>
      <el-table :data="tableData" height="250" border style="width: 100%" :header-cell-style="{textAlign: 'center'}"
        :cell-style="{ textAlign: 'center' }">
        <el-table-column prop="name" label="名字" width="100">
        </el-table-column>
        <el-table-column prop="star" label="星级" width="180">
        </el-table-column>
        <el-table-column prop="linkName" label="联系人" width="180">
        </el-table-column>
        <el-table-column prop="linkTel" label="联系电话" width="180">
        </el-table-column>
        <el-table-column prop="tel" label="酒店电话" width="180">
        </el-table-column>
        <el-table-column prop="openTime" label="申请时间" width="180">
        </el-table-column>
        <el-table-column prop="address" label="地址" width="180">
        </el-table-column>

        <el-table-column label="操作">
          <template slot-scope="scope">
          </template>
      </el-table>

      <!--分页-->
      <div class="block">
        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.page"
          :page-sizes="[5,10, 25, 50, 100]" :page-size="queryForm.rows" layout="total, sizes, prev, pager, next, jumper"
          :total="queryForm.total">
        </el-pagination>
      </div>
  </div>
</template>

<script>
  export default {
      data() {
        return {
          formInline: {
            user: '',
            region: ''
          }
        }
      },
      methods: {
        onSubmit() {
          console.log('submit!');
        }
      },
      created() {
        
      }
    }
</script>

<style>
</style>
